<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<link rel="stylesheet" type="text/css" href="../../common/css/reset.css"/>
		<script src="../../common/js/jquery-2.2.0.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="main.css"/>
		<script src="main.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet/less" href="../../common/css/com-header.less" />
		<link rel="stylesheet/less" href="../../common/css/com-footer.less" />
		<script src="../../common/js/less.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/js/common.js" type="text/javascript" charset="utf-8"></script>



	</head>
	<body>
		<!--头部-->
		<div class="tHeade">
			
		
		<header>
			<div class="banxin h-content">
				<div class="h-left fl">
					<a href="#" class="h-login">登录</a>
					|
					<a href="#" class="h-register">注册</a>
				</div>
				<div class="h-right fr">
					<div class="h-car fl">
						<i class="h-car-icon"></i>
						<a href="#" class="h-car-message">购物车<span class="colorRed">0</span>商品</a>
						<div class="h-online fr">
							<img src="../../common/img/offline_qq_42.png" />
						</div>
					</div>
				</div>
			</div>
		</header>
		<div class="logo banxin">
			<div class="logo-img fl">
				<img src="../../common/img/logo.png" />
			</div>
			<div class="logo-mess fl">
				<img src="../../common/img/5f0n.png" />
			</div>
			<div class="tel">
				<em>400&nbsp; 6188&nbsp; 527</em>
			</div>
			<div class="logo-search fr clearfix">
				<button>搜索</button>
				<input type="search" name="" id="" value="" />
				<div class="hot-search">
					<span>热门搜索:</span>
					<a href="#">芝麻汤圆</a>
					<a href="#">水饺</a>
					<a href="#">鲜肉馄饨</a>
				</div>
			</div>
		</div>
		<nav>
			<div class="banxin nav-content">
				<div class="nav-classify fl">
					<h3>全部商品分类</h3>
					<img src="../../common/img/classify.png" />
					<div class="detail-classify">
						<ul>
							<li>
								<a href="#">湾仔码头</a><b>></b>
							</li>
							<li>
								<a href="#">避风塘</a><b>></b></li>
							<li>
								<a href="#">池客坊</a><b>></b></li>
							<li>
								<a href="#">沈大成</a><b>></b></li>
							<li>
								<a href="#">思念</a><b>></b></li>
							<li>
								<a href="#">南翔</a><b>></b></li>
							<li>
								<a href="#">龙凤</a><b>></b></li>
							<li>
								<a href="#">桂冠</a><b>></b></li>
							<li>
								<a href="#">安井</a><b>></b></li>
							<li>
								<a href="#">其他</a><b>></b></li>
						</ul>
					</div>
				</div>
				<div class="nav-list fl">
					<ul>
						<li class="active">
							<a href="#">首页</a>
						</li><li>
							<a href="#">新品上架</a>
						</li><li>
							<a href="#">促销活动</a>
						</li><li>
							<a href="#">反馈信息</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		</div>
		<!--轮播图-->
		<div class="banner">
			<div class="htmleaf-container ">		
		<div id="sections-wrapper">
			<section class="show" data-img="img/p5.png">
				
			</section>
			<section class="hide-bottom" data-img="img/p1.png"></section>
			<section class="hide-bottom" data-img="img/p2.png"></section>
			<section class="hide-bottom" data-img="img/p3.png"></section>
			<section class="hide-bottom" data-img="img/p4.png"></section>
		</div>

		<!-- sections control -->
		<div class="sections-control">
			<div class="section-thumbnail active rest"></div>
			<div class="section-thumbnail"></div>
			<div class="section-thumbnail"></div>
			<div class="section-thumbnail"></div>
			<div class="section-thumbnail"></div>
		</div>
	</div>
		
		
		</div>
			<!--热卖商品-->
		<div class="hotGoods banxin">
			<div class="hotGoodsTitle fl">
				<a href=""><i class="">11</i>热销商品</a>
			</div>
			<!--<div class="hotGoodsContent fr">
				<div class="hotGoodsContentImg fl">
					<img src="goodsPic/1_lbty.jpg" alt="" />
				</div>
				<div class="hotGoodsContentText fl ">
					<p>1</p>
					<p><span>2</span></p>
				</div>
				<a href="">立即购买</a>
			</div>-->
			</div>
		<!--商品列表-->
		<div class="goodsList banxin">
			<!--更多导航栏-->
			<div class="more">
				<a href="" class="fr">+more</a>
			</div>
			<div class="goodsListTable fr">
				<div class="goodsListTableLeft fl">
					<div><span>手抓面</span><p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span><p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span><p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span><p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span><p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span><p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>

					
				</div>
				<div class="goodsListTableRight fr">
					<div><span>手抓面</span><p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span><p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span><p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>

				</div>
				
			</div>
			<div class="goodsListShow fl" >
				<a href="">点击查看</a>
				<p>更懂色彩 更懂色彩</p>
			</div>
		</div>
		<div class="goodsList banxin">
			<!--更多导航栏-->
			<div class="more">
				<a href="" class="fr">+more</a>
			</div>
			<div class="goodsListTable fl">
				<div class="goodsListTableLeft fl">
					
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					
				</div>
				<div class="goodsListTableRight fr">
					<div></div>
					<div></div>
					
				</div>
				
			</div>
			<div class="goodsListShow fr" >
				<a href="">点击查看</a>
				<p>更懂色彩 更懂色彩</p>
			</div>
		</div>
		<div class="goodsList banxin">
			<!--更多导航栏-->
			<div class="more">
				<a href="" class="fr">+more</a>
			</div>
			<div class="goodsListTable fr">
				<div class="goodsListTableLeft fl">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					
				</div>
				<div class="goodsListTableRight fr">
					<div></div>
					<div></div>
					<div></div>
				</div>
				
			</div>
			<div class="goodsListShow fl" >
				<a href="">点击查看</a>
				<p>更懂色彩 更懂色彩</p>
			</div>
		</div>
		
			
		<!--更多导航栏-->
			
		
		<!--商品价格页-->
		<div class="price banxin">
			<div class="more">
				<a href="" class="">+more</a>
			</div>
			<ul class="priceLeft">
				
			</ul>
			<ul class="priceRight fr">
				
			</ul>	
		</div>
		<!--底部-->
	<div class="foot">
				<footer class="banxin">
			<div class="f-left fl">
				<img src="../../common/img/logo.png"/>
			</div>
			<div class="f-center fl">
				<ul class="clearfix">
					<li><a href="#">首页</a><i>|</i></li>
					<li><a href="#">新品上架</a><i>|</i></li>
					<li><a href="#">促销活动</a><i>|</i></li>
					<li><a href="#">反馈信息</a></li>
				</ul>
				<div class="f-otherMess">
					<p><span>客服热线 4006188527</span><span>仅限工作日 9:00-18:00 </span><span>节假日 10:00-17:00</span></p>
					<p><span> 沪ICP备16031765号 </span><span>上海小池贸易有限公司</span><span><i><img src="../../common/img/xwcq.png"/></i>沪公网安备 31011402002870号&nbsp;&nbsp; Copyright © 2016 All Rights </span></p>
				</div>
			</div>
			<div class="f-right fr">
				<img src="../../common/img/ewm.jpg"/>
			</div>
		</footer>
	
		</div>
<script src="js/anime.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/interaction.js" type="text/javascript" charset="utf-8"></script>
	
	</body>
</html>
